@use 'sass:math';

@import "uview-ui/theme.scss";

/* 安全区，可使用高度 */
$bs-height: var(--safe-area-inset-bottom);
$ts-height: var(--safe-area-inset-top);
$ls-height: var(--safe-area-inset-left);
$rs-height: var(--safe-area-inset-right);
$sb-height: var(--status-bar-height);

@mixin gap-x($len) {
  > view:not(:last-child) {
    margin-right: $len;
  }
}

@mixin gap-y($len) {
  > view:not(:last-child) {
    margin-bottom: $len;
  }
}

@mixin gap($len) {
  @include gap-x($len);
  @include gap-y($len);
}

// 颜色配色
$color-primary: #386ee8;
$color-primary-light: #5a8ff9;
$color-primary-dark: #1a4db7;
$color-secondary: #f5f5f5;
$color-secondary-light: #f8f8f8;
$color-secondary-dark: #c2c2c2;

$color-warn: #e59010;

// 字体大小
$font-size-base: 28rpx;
$font-size-lg: 30rpx;
$font-size-xl: 32rpx;
$font-size-2xl: 36rpx;
$font-size-sm: 26rpx;
$font-size-xs: 24rpx;
$font-size-2xs: 22rpx;

// 字体颜色
$color-primary-text: #386ee8;
$color-first-text: #333333;
$color-second-text: #666666;
$color-third-text: #999999;
$color-fourth-text: #cccccc;

// 圆角
$border-radius-base: 16rpx;

// 阴影
$shadow-base: 0 0 26rpx rgba(0, 0, 0, 0.07);

// 边距
$space-base: 30rpx;
$space-sm: 20rpx;